

$(function () {

    $(".header").load("./header.html");
    $("footer").load("./footer.html");
    //轮播图效果
    var timer=setInterval(function () {
        atuoPlay()
    },2000);

    var index=0;

    for (var i=0;i<$(".banner ul li").length;i++){
        $(".dot").append("<a></a>");
    }
    $(".dot a").eq(0).addClass("active");


    function atuoPlay() {
        index++;
        if(index>4){
            index=0;
        }
        if(index<=-1){
            index=4
        }
        $(".banner ul li").eq(index).animate({"opacity":1}).siblings().animate({"opacity":0});
        $(".dot a").eq(index).addClass("active").siblings().removeClass("active")
    }
    $(".banner").hover(function () {
        clearInterval(timer);
        $(".aaa").css("display","block")
    },function () {
        $(".aaa").css("display","none")
        timer=setInterval(function () {
            atuoPlay()
        },2000)
    })

    for(var j=0;j<$(".dot a").length;j++){
        $(".dot a")[j].onclick=function () {
           index=$(this).index()-1;
           atuoPlay()
        }
    }

    $(".prev").click(function () {
        index-=2;


        atuoPlay()
    });
    $(".next").click(function () {
        atuoPlay()

    })


    //楼梯效果

        var $header=$(".banner").height()

        $(window).on('scroll', function () {
            var $scroll = $(this).scrollTop();
            if ($scroll >= $header) {
                $('.right_tip').show();
            } else {
                $('.right_tip').hide();
            }

          var $floor=$(".floorflag_wrap").filter(function (index,ele) {

              return Math.abs($(this).offset().top - $scroll)<$(this).height()
          })
            console.log($floor.index()-2)
         if($floor.index()-2==-3){
             $('.right_tip').hide();
         }
            $(".floor").eq($floor.index()-2).addClass("active1").siblings().removeClass("active1")
        });

        //每个楼层的点击事件
       $(".floor").on('click', function () {
          $(this).addClass("active1").siblings().removeClass("active1");
          console.log($(this).index())
           var sTop = $(".floorflag_wrap").eq($(this).index()-1).offset().top;

           $("html,body").animate({
               "scrollTop":sTop
           },500)
        });
       //往上走点击事件
        $('.BottomPart').on('click', function () {
            $('html,body').animate({scrollTop: 0},500,function () {
                $('.right_tip').hide();
            })
        });

});